var province = document.getElementById('province');
    var city = document.getElementById('city');
    var area = document.getElementById('area');

    var data = {
        '陕西省' : {
            '西安市' : ['未央区','雁塔区','高新区','莲湖区','碑林区','灞桥区'],
            '咸阳市' : ['秦都区','渭城区','空港新区'],
            '宝鸡市' : ['金台区','渭滨区','高新区']
        },
        '山西省' : {
            '太原市' : ['小店区','杏花岭区'],
            '大同市' : ['城区'],
            '运城市' : ['盐湖区']
        },
        '甘肃省' : {
            '兰州市' : ['城关区'],
            '嘉峪关市' : ['嘉峪关市'],
            '白银市' : ['白银区']
        },
        '四川省' : {
            '成都市' : ['锦江区'],
            '绵阳市' : ['游仙区'],
            '雅安市' : ['雨城区']
        },
    };
    window.onload = function () {
        for(var i in data){
            var option = document.createElement('option');
            option.value = i;
            option.innerText = i;
            province.appendChild(option);
        }
    };
    province.onchange = function () {
        city.length = 1; 
        area.length = 1; 
        for(var i in data[this.value]){
            //创建option项目
//            var option = document.createElement('option');
//            option.value = i;
//            option.innerText = i;
            var option = new Option(i,i);
            city.appendChild(option);
//            city.options.add(option);
        }
    };
    city.onchange = function () {
        area.length = 1;
        for(var i in data[province.value][this.value]){
            var option = document.createElement('option');
            option.value = data[province.value][this.value][i];
            option.innerText = data[province.value][this.value][i];
            area.appendChild(option);
        }
    }